<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="个人简历 - 计算机科学与技术专业应届生">
    <meta name="keywords" content="简历,个人简历,计算机科学,SpringBoot,Java开发">
    <title>个人简历</title>
    
    <!-- 外部资源 -->
    <!-- 使用cdnjs的Font Awesome CDN，这是一个更可靠的CDN -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://cdn.tailwindcss.com"></script>
    
    <!-- 使用系统默认字体代替Google Fonts，避免网络连接问题 -->
    <!-- 使用Bootstrap CDN的Font Awesome 4.7.0版本，兼容性更好 -->
    
    <!-- 配置文件 -->
    <script src="/js/resumeConfig.js?v=1.0"></script>
    
    <!-- Tailwind 配置 -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#4F46E5',
                        secondary: '#7C3AED',
                        accent: '#0EA5E9',
                        dark: '#1E293B',
                    },
                    fontFamily: {
                        inter: ['system-ui', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    
    <!-- 自定义工具类 -->
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .hover-scale {
                transition: transform 0.3s ease;
            }
            .hover-scale:hover {
                transform: scale(1.02);
            }
            .animate-float {
                animation: float 6s ease-in-out infinite;
            }
            @keyframes float {
                0% { transform: translateY(0px); }
                50% { transform: translateY(-10px); }
                100% { transform: translateY(0px); }
            }
        }
    </style>
    
    <!-- 打印样式 -->
    <style media="print">
        body {
            background: white !important;
            color: black !important;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }
        #stars, #trail-container, .lang-toggle-container {
            display: none !important;
        }
        .resume-container {
            max-width: 100% !important;
            box-shadow: none !important;
        }
        /* 确保渐变背景在打印时显示 */
        .bg-gradient-to-r, .bg-primary, .bg-secondary {
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }
    </style>
</head>
<body class="bg-black overflow-x-hidden font-inter text-dark">
<!-- 星空背景 -->
<div id="stars" class="fixed top-0 left-0 w-full h-full z-0"></div>

<!-- 鼠标拖尾效果 -->
<div id="trail-container" class="fixed top-0 left-0 w-full h-full pointer-events-none z-10"></div>

<!-- 中英文切换按钮 -->
<div class="lang-toggle-container fixed top-4 right-4 z-30 bg-white/20 backdrop-blur-md rounded-full px-4 py-2 flex items-center gap-2 text-white">
    <span class="lang-toggle cursor-pointer" data-lang="zh">中文</span>
    <span class="mx-1">|</span>
    <span class="lang-toggle cursor-pointer" data-lang="en">English</span>
</div>

<!-- 简历容器 -->
<div class="resume-container relative z-20 container mx-auto px-4 py-12 md:py-20 max-w-6xl">
    <div class="bg-white rounded-2xl shadow-2xl overflow-hidden hover-scale">
        <!-- 个人信息头部 -->
        <div class="relative bg-gradient-to-r from-primary to-secondary text-white py-8 px-6 md:px-12 shadow-lg">
            <div class="absolute top-0 right-0 w-32 h-32 md:w-48 md:h-48 overflow-hidden">
                <div class="absolute -top-16 -right-16 w-32 h-32 md:w-48 md:h-48 bg-white/10 rounded-full blur-xl"></div>
            </div>
            <div class="absolute bottom-0 left-0 w-24 h-24 md:w-32 md:h-32 overflow-hidden">
                <div class="absolute -bottom-12 -left-12 w-24 h-24 md:w-32 md:h-32 bg-white/10 rounded-full blur-xl"></div>
            </div>

            <div class="flex flex-col md:flex-row items-center justify-between">
                <div class="mb-6 md:mb-0">
                    <h1 class="text-[clamp(2rem,5vw,3.5rem)] font-bold leading-tight text-shadow block">
                        <span class="lang-text" data-key="name-zh"></span>
                        <span class="lang-text hidden" data-key="name-en"></span>
                    </h1>
                    <p class="text-xl md:text-2xl mt-2 opacity-90 block">
                        <span class="lang-text" data-key="title-zh" id="title-zh"></span>
                        <span class="lang-text hidden" data-key="title-en"></span>
                    </p>
                    <p class="text-lg mt-1 opacity-80 block">
                        <span class="lang-text" data-key="new-graduate-zh">应届生</span>
                        <span class="lang-text hidden" data-key="new-graduate-en">New Graduate</span>
                    </p>
                    <!-- 移除头部的联系方式，全部移至下方联系方式栏目 -->
                </div>
                <div class="flex justify-center md:justify-start relative">
                    <div class="relative">
                        <div class="absolute -inset-6 bg-white/20 rounded-full blur-xl"></div>
                        <img 
                            id="profile-photo" 
                            src="#" 
                            alt="个人照片" 
                            class="relative w-32 h-44 md:w-40 md:h-56 rounded-3xl border-4 border-white object-cover shadow-lg"
                        />
                        <div class="absolute -bottom-2 -right-2 bg-accent text-white w-10 h-10 rounded-full flex items-center justify-center shadow-lg">
                            <i class="fa fa-graduation-cap text-white"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 主要内容区域 -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8 p-6 md:p-12">
            <!-- 左侧边栏 -->
            <div class="md:col-span-1 space-y-8">
                <!-- 联系方式 -->
                <div class="space-y-4">
                    <h2 class="text-xl font-bold text-primary border-b-2 border-primary/20 pb-2 flex items-center gap-2">
                        <i class="fa fa-address-card"></i>
                        <span class="lang-text" data-key="contact-zh"></span>
                        <span class="lang-text hidden" data-key="contact-en"></span>
                    </h2>
                    <ul class="space-y-3" id="contact-list">
                        <!-- 电话 -->
                        <li class="flex items-start gap-3">
                            <div class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary shrink-0">
                                <i class="fa fa-phone"></i>
                            </div>
                            <span class="flex flex-col">
                                <span class="lang-text" data-key="phone-zh">电话: </span>
                                <span class="lang-text hidden" data-key="phone-en">Phone: </span>
                                <a href="tel:+86 18617843015" class="text-primary hover:underline break-all">+86 18617843015</a>
                            </span>
                        </li>
                        
                        <!-- 微信 -->
                        <li class="flex items-start gap-3">
                            <div class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary shrink-0">
                                <i class="fa fa-weixin"></i>
                            </div>
                            <span class="flex flex-col">
                                <span class="lang-text" data-key="wechat-zh">微信: </span>
                                <span class="lang-text hidden" data-key="wechat-en">WeChat: </span>
                                <span>UiFlying</span>
                            </span>
                        </li>
                        
                        <!-- CSDN -->
                        <li class="flex items-start gap-3">
                            <div class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary shrink-0">
                                <i class="fa fa-code"></i>
                            </div>
                            <span class="flex flex-col">
                                <span class="lang-text" data-key="csdn-zh">CSDN: </span>
                                <span class="lang-text hidden" data-key="csdn-en">CSDN: </span>
                                <a href="https://blog.csdn.net/weixin_67418984" class="text-primary hover:underline break-all">blog.csdn.net/weixin_67418984</a>
                            </span>
                        </li>
                        
                        <!-- GitCode -->
                        <li class="flex items-start gap-3">
                            <div class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary shrink-0">
                                <i class="fa fa-github"></i>
                            </div>
                            <span class="flex flex-col">
                                <span class="lang-text" data-key="gitcode-zh">GitCode: </span>
                                <span class="lang-text hidden" data-key="gitcode-en">GitCode: </span>
                                <a href="https://gitcode.com/UIFLYING" class="text-primary hover:underline break-all">gitcode.com/UIFLYING</a>
                            </span>
                        </li>
                        
                        <!-- 邮箱 -->
                        <li class="flex items-start gap-3">
                            <div class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary shrink-0">
                                <i class="fa fa-envelope"></i>
                            </div>
                            <span class="flex flex-col">
                                <span class="lang-text" data-key="email-zh">邮箱: </span>
                                <span class="lang-text hidden" data-key="email-en">Email: </span>
                                <a href="mailto:2990557816@qq.com" class="text-primary hover:underline break-all">2990557816@qq.com</a>
                            </span>
                        </li>
                        
                        <!-- 地址 -->
                        <li class="flex items-start gap-3">
                            <div class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary shrink-0">
                                <i class="fa fa-map-marker"></i>
                            </div>
                            <span>
                                <span class="lang-text" data-key="location-label-zh">地址: </span>
                                <span class="lang-text hidden" data-key="location-label-en">Location: </span>
                                <span class="lang-text" data-key="location-zh">湖南省永州市</span>
                                <span class="lang-text hidden" data-key="location-en">Yongzhou, Hunan</span>
                            </span>
                        </li>
                    </ul>
                </div>

                <!-- 教育背景 -->
                <div class="space-y-4">
                    <h2 class="text-xl font-bold text-primary border-b-2 border-primary/20 pb-2 flex items-center gap-2">
                        <i class="fa fa-graduation-cap"></i>
                        <span class="lang-text" data-key="education-zh"></span>
                        <span class="lang-text hidden" data-key="education-en"></span>
                    </h2>

                    <div class="space-y-3" id="education-container">
                        <!-- 由JavaScript动态生成 -->
                    </div>
                </div>

                <!-- 荣誉与奖项 -->
                <div class="space-y-4">
                    <h2 class="text-xl font-bold text-primary border-b-2 border-primary/20 pb-2 flex items-center gap-2">
                        <i class="fa fa-trophy"></i>
                        <span class="lang-text" data-key="awards-zh"></span>
                        <span class="lang-text hidden" data-key="awards-en"></span>
                    </h2>
                    <ul class="space-y-3" id="awards-container">
                        <!-- 由JavaScript动态生成 -->
                    </ul>
                </div>
            </div>

            <!-- 右侧内容 -->
            <div class="md:col-span-2 space-y-8">
                <!-- 技能 -->
                <div class="space-y-6">
                    <h2 class="text-xl font-bold text-primary border-b-2 border-primary/20 pb-2 flex items-center gap-2">
                        <i class="fa fa-code"></i>
                        <span class="lang-text" data-key="skills-zh"></span>
                        <span class="lang-text hidden" data-key="skills-en"></span>
                    </h2>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 text-gray-700 leading-relaxed text-base" id="skills-container">
                        <!-- 由JavaScript动态生成 -->
                    </div>
                </div>

                <!-- 实习经历模块已移除 -->

                <!-- 项目经验 -->
                <div class="space-y-4">
                    <h2 class="text-xl font-bold text-primary border-b-2 border-primary/20 pb-2 flex items-center gap-2">
                        <i class="fa fa-sitemap"></i>
                        <span class="lang-text" data-key="projects-zh"></span>
                        <span class="lang-text hidden" data-key="projects-en"></span>
                    </h2>

                    <!-- 项目经验 -->
                    <div id="projects-container">
                        <!-- 由JavaScript动态生成 -->
                    </div>
                </div>


            </div>
        </div>

        <!-- 页脚 -->
        <div class="bg-gray-50 py-6 px-6 md:px-12 border-t border-gray-200">
            <div class="flex flex-col md:flex-row md:items-center justify-between gap-4">
                <p class="text-gray-600">
                    <span class="lang-text" data-key="updated-zh"></span>
                    <span class="lang-text hidden" data-key="updated-en"></span>
                </p>
                <p class="text-gray-600 font-medium text-center">
                    简历地址：60.205.233.17/resume
                </p>
                <div class="flex gap-4">
                    <a href="#" class="text-gray-500 hover:text-primary transition-colors" id="print-resume">
                        <i class="fa fa-print"></i>
                        <span class="ml-1 lang-text" data-key="print-zh"></span>
                        <span class="ml-1 lang-text hidden" data-key="print-en"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    // 星空背景生成
    function createStars() {
        const starsContainer = document.getElementById('stars');
        const count = 300;

        // 清空现有星星
        starsContainer.innerHTML = '';

        for (let i = 0; i < count; i++) {
            const star = document.createElement('div');
            const size = Math.random() * 3 + 1;

            star.style.position = 'absolute';
            star.style.left = `${Math.random() * 100}%`;
            star.style.top = `${Math.random() * 100}%`;
            star.style.width = `${size}px`;
            star.style.height = `${size}px`;
            star.style.backgroundColor = i % 20 === 0 ? '#fff' :
                i % 15 === 0 ? '#aaa' :
                    i % 10 === 0 ? '#888' : '#666';
            star.style.borderRadius = '50%';
            star.style.boxShadow = i % 20 === 0 ? '0 0 6px 2px rgba(255, 255, 255, 0.8)' : 'none';

            // 为不同的星星添加不同的闪烁动画
            if (i % 15 === 0) {
                const duration = Math.random() * 3 + 2;
                star.style.animation = `blink ${duration}s infinite ease-in-out`;
            }

            starsContainer.appendChild(star);
        }

        // 添加流星效果
        setInterval(createShootingStar, 5000);
    }

    // 创建流星效果
    function createShootingStar() {
        const starsContainer = document.getElementById('stars');
        const star = document.createElement('div');

        const left = Math.random() * 50 + 20; // 流星起始位置
        const duration = Math.random() * 1 + 0.5; // 流星持续时间

        star.style.position = 'absolute';
        star.style.left = `${left}%`;
        star.style.top = '0%';
        star.style.width = '2px';
        star.style.height = '100px';
        star.style.background = 'linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 70%)';
        star.style.transform = 'rotate(30deg)';
        star.style.transformOrigin = '0 0';
        star.style.opacity = '0';
        star.style.animation = `shooting-star ${duration}s linear forwards`;

        starsContainer.appendChild(star);

        // 动画结束后移除流星
        setTimeout(() => {
            star.remove();
        }, duration * 1000);
    }

    // 鼠标拖尾效果
    function createTrail() {
        const trailContainer = document.getElementById('trail-container');
        const trailCount = 10;
        let trailElements = [];

        // 创建拖尾元素
        for (let i = 0; i < trailCount; i++) {
            const trail = document.createElement('div');
            trail.style.position = 'absolute';
            trail.style.width = '10px';
            trail.style.height = '10px';
            trail.style.borderRadius = '50%';
            trail.style.backgroundColor = `hsla(${240 - i * 10}, 80%, 60%, ${1 - i * 0.1})`;
            trail.style.pointerEvents = 'none';
            trail.style.transform = 'translate(-50%, -50%)';
            trail.style.transition = 'all 0.2s ease-out';
            trail.style.opacity = '0';
            trailContainer.appendChild(trail);
            trailElements.push(trail);
        }

        // 鼠标移动事件
        document.addEventListener('mousemove', (e) => {
            trailElements.forEach((trail, index) => {
                if (index === 0) {
                    // 第一个元素跟随鼠标
                    trail.style.left = `${e.clientX}px`;
                    trail.style.top = `${e.clientY}px`;
                    trail.style.opacity = '0.8';
                } else {
                    // 其他元素跟随前一个元素
                    const prevTrail = trailElements[index - 1];
                    const prevLeft = parseFloat(prevTrail.style.left);
                    const prevTop = parseFloat(prevTrail.style.top);

                    trail.style.left = `${prevLeft}px`;
                    trail.style.top = `${prevTop}px`;
                    trail.style.opacity = `${0.8 - index * 0.08}`;
                }
            });
        });
    }

    // 添加动画样式
    function addAnimationStyles() {
        const style = document.createElement('style');
        style.textContent = `
            @keyframes blink {
                0%, 100% { opacity: 1; }
                50% { opacity: 0.3; }
            }

            @keyframes shooting-star {
                0% {
                    transform: rotate(30deg) translateY(-100px);
                    opacity: 0;
                }
                20% {
                    opacity: 1;
                }
                100% {
                    transform: rotate(30deg) translateY(600px);
                    opacity: 0;
                }
            }

            /* 平滑滚动 */
            html {
                scroll-behavior: smooth;
            }

            /* 简历卡片进入动画 */
            .bg-white {
                animation: fadeInUp 0.8s ease-out forwards;
                opacity: 0;
            }

            @keyframes fadeInUp {
                0% {
                    transform: translateY(20px);
                    opacity: 0;
                }
                100% {
                    transform: translateY(0);
                    opacity: 1;
                }
            }
        `;
        document.head.appendChild(style);
    }

    // 初始化函数
    function initializeResume() {
        // 确保配置文件已加载
        if (typeof resumeConfig === 'undefined') {
            console.error('配置文件未加载！');
            return;
        }

        // 创建视觉效果
        createStars();
        createTrail();
        addAnimationStyles();

        // 设置语言切换
        setupLanguageToggle();

        // 填充简历内容
        populateResumeContent();
    }

    // 中英文切换功能
    function setupLanguageToggle() {
        const toggles = document.querySelectorAll('.lang-toggle');
        toggles.forEach(toggle => {
            toggle.addEventListener('click', () => {
                const lang = toggle.getAttribute('data-lang');
                document.querySelectorAll('.lang-text').forEach(text => {
                    if (text.getAttribute('data-key').endsWith('-' + lang)) {
                        text.classList.remove('hidden');
                    } else {
                        text.classList.add('hidden');
                    }
                });

                // 高亮当前选中的语言
                toggles.forEach(t => {
                    if (t.getAttribute('data-lang') === lang) {
                        t.classList.add('font-bold');
                    } else {
                        t.classList.remove('font-bold');
                    }
                });
            });
        });
    }

    // 从配置文件填充简历内容
    function populateResumeContent() {
        // 基本信息
        document.querySelector('[data-key="name-zh"]').textContent = resumeConfig.basic.name.zh;
        document.querySelector('[data-key="name-en"]').textContent = resumeConfig.basic.name.en;
        document.querySelector('[data-key="title-zh"]').textContent = resumeConfig.basic.title.zh;
        document.querySelector('[data-key="title-en"]').textContent = resumeConfig.basic.title.en;



        // 个人照片
        const photoElement = document.getElementById('profile-photo');
        if (photoElement && resumeConfig.basic.photo) {
            photoElement.src = resumeConfig.basic.photo;
        }



        // 部分标题
        Object.keys(resumeConfig.sections).forEach(section => {
            const elements = document.querySelectorAll(`[data-key="${section}-zh"], [data-key="${section}-en"]`);
            elements.forEach(el => {
                const lang = el.getAttribute('data-key').split('-')[1];
                el.textContent = resumeConfig.sections[section][lang];
            });
        });

        // 教育背景
        const educationContainer = document.getElementById('education-container');
        educationContainer.innerHTML = '';
        resumeConfig.education.forEach((edu, index) => {
            const eduEl = document.createElement('div');
            eduEl.className = index > 0 ? 'mt-6' : '';
            eduEl.innerHTML = `
                <div class="flex flex-col md:flex-row md:items-center justify-between gap-2">
                    <h3 class="text-lg font-semibold"><span class="lang-text" data-key="university-${index}-zh">${edu.university.zh}</span><span class="lang-text hidden" data-key="university-${index}-en">${edu.university.en}</span></h3>
                    <span class="bg-primary/10 text-primary text-sm px-3 py-1 rounded-full">${edu.period}</span>
                </div>
                <p class="text-gray-600"><span class="lang-text" data-key="major-${index}-zh">${edu.major.zh}</span><span class="lang-text hidden" data-key="major-${index}-en">${edu.major.en}</span></p>
                <p class="text-gray-700 text-sm"><span class="lang-text" data-key="gpa-${index}-zh">${edu.gpa.zh}</span><span class="lang-text hidden" data-key="gpa-${index}-en">${edu.gpa.en}</span></p>
            `;
            educationContainer.appendChild(eduEl);
        });

        // 技能
        const skillsContainer = document.getElementById('skills-container');
        skillsContainer.innerHTML = '';
        resumeConfig.skills.forEach((skill, index) => {
            const skillEl = document.createElement('div');
            // 最后一个技能卡片占满两行
            const className = `bg-gray-50 p-5 rounded-xl hover-scale ${index === resumeConfig.skills.length - 1 ? 'md:col-span-2' : ''}`;
            skillEl.className = className;
            skillEl.innerHTML = `
                <h3 class="text-lg font-semibold text-primary mb-3"><span class="lang-text" data-key="skill-name-${skill.id}-zh">${skill.name.zh}</span><span class="lang-text hidden" data-key="skill-name-${skill.id}-en">${skill.name.en}</span></h3>
                <p class="whitespace-pre-wrap"><span class="lang-text" data-key="skill-desc-${skill.id}-zh">${skill.description.zh}</span><span class="lang-text hidden" data-key="skill-desc-${skill.id}-en">${skill.description.en}</span></p>
            `;
            skillsContainer.appendChild(skillEl);
        });

        // 项目经验
        const projectsContainer = document.getElementById('projects-container');
        projectsContainer.innerHTML = '';

        resumeConfig.projects.forEach((project, index) => {
            const projectEl = document.createElement('div');
            projectEl.className = 'bg-gray-50 rounded-xl p-5 hover-scale my-4';
            projectEl.innerHTML = `
                <div class="flex flex-col md:flex-row md:items-center justify-between gap-2 mb-3">
                    <h3 class="text-lg font-semibold"><span class="lang-text" data-key="project-name-zh">${project.name.zh}</span><span class="lang-text hidden" data-key="project-name-en">${project.name.en}</span></h3>
                    <span class="bg-secondary/10 text-secondary text-sm px-3 py-1 rounded-full">${project.period}</span>
                </div>
                <p class="text-gray-700 mb-3"><span class="lang-text" data-key="project-desc-zh">${project.description.zh}</span><span class="lang-text hidden" data-key="project-desc-en">${project.description.en}</span></p>
                <div class="flex flex-wrap gap-2 mb-3" id="project-tech-${index}">
                    <!-- 技术标签将由JavaScript动态生成 -->
                </div>
                <span class="mr-1">项目地址：</span>
                <a href="${project.link}" class="text-primary hover:underline word-break-break-all break-all overflow-wrap-anywhere" target="_blank">${project.link}</a>
            `;

            projectsContainer.appendChild(projectEl);

            // 添加技术标签
            const techContainer = document.getElementById(`project-tech-${index}`);
            project.technologies.forEach(tech => {
                const techSpan = document.createElement('span');
                techSpan.className = 'px-3 py-1 bg-gray-200 text-gray-700 text-xs rounded-full';
                techSpan.textContent = tech;
                techContainer.appendChild(techSpan);
            });
        });

        // 荣誉与奖项
        const awardsContainer = document.getElementById('awards-container');
        awardsContainer.innerHTML = '';

        resumeConfig.awards.forEach((award, index) => {
            const li = document.createElement('li');
            li.className = 'flex items-start gap-3';

            // 根据奖项的图标颜色设置样式
            let iconColorClass = '';
            if (award.iconColor === 'yellow') {
                iconColorClass = 'bg-yellow-100 text-yellow-600';
            } else if (award.iconColor === 'blue') {
                iconColorClass = 'bg-blue-100 text-blue-600';
            } else {
                iconColorClass = 'bg-primary/10 text-primary';
            }

            li.innerHTML = `
                <div>
                    <h3 class="font-semibold"><span class="lang-text" data-key="award-name-zh">${award.name.zh}</span><span class="lang-text hidden" data-key="award-name-en">${award.name.en}</span></h3>
                    <p class="text-sm text-gray-600">${award.detail ? `<span class="lang-text" data-key="award-detail-zh">${award.detail.zh}</span><span class="lang-text hidden" data-key="award-detail-en">${award.detail.en}</span>` : award.year}</p>
                </div>
            `;
            awardsContainer.appendChild(li);
        });

        // 页脚信息更新
        document.querySelector('[data-key="updated-zh"]').textContent = resumeConfig.footer.updated.zh;
        document.querySelector('[data-key="updated-en"]').textContent = resumeConfig.footer.updated.en;

        // 打印功能 - 设置默认65%缩放
        document.getElementById('print-resume').onclick = function() {
            // 创建临时样式表用于打印缩放
            const style = document.createElement('style');
            style.media = 'print';
            style.innerHTML = '@page { size: auto; margin: 10mm; } body { zoom: 65%; }';
            document.head.appendChild(style);
            
            // 执行打印
            window.print();
            
            // 移除临时样式表
            setTimeout(() => {
                document.head.removeChild(style);
            }, 100);
        };
        

    }

    // 页面加载完成后初始化
    document.addEventListener('DOMContentLoaded', initializeResume);
</script>
</body>
</html>